<template lang="html">
	<div class="navs">
		<ul>
			<router-link tag='li' to='/' exact>
				<i class="iconfont icon-shouye"></i>
				首页
			</router-link>
			<router-link tag='li' to='/category' active-class='active'>
				<i class="iconfont icon-leimupinleifenleileibie"></i>
			 	分类
		  	</router-link>
			<router-link tag='li' to='/view' active-class='active'> 
				<i class="iconfont icon-weibiaoti-"></i>	
				视野
			</router-link>
			<router-link tag='li' to='/mine' active-class='active'> 
				<i class="iconfont icon-weibiaoti-_huabanfuben"></i>	
				我的
			</router-link>
		</ul>
	</div>
</template>
<script>
export default{
	name:'navs',
	data(){
		return{

		}
	}
}
</script>
<style lang="less" scoped>
.navs{
	width: 100%;
	height: 60px;
	position: fixed;
	bottom: 0px;
	left: 0px;
	z-index: 999;
	background-color:#ddd; 
	ul{
		width: 100%;
		li{
			width: 25%;
			float: left;
			text-align:center;
			i{
				display: block;
				margin: 0 auto;
				color:#000;
				font-size: 25px;
			}
			
		}
	}
}
</style>